 import styled from 'styled-components'

 export const LuxuryStyle = styled.div`
        width:100%;
        display: flex;
        flex-direction:column;
        overflow-y:auto
      
        flex:1
 `
 //大盒子
 export const LuxuryContainer = styled.div`  
 height:100%;
 background:#eee;
 display: flex;
 flex-direction:column;
 flex:1
 `
 //轮播
 export const LuxuryBannerContainer = styled.div`
 
 `
 //今日特惠
 export const LuxuryTodayOnSale = styled.section`
       margin-top:.05rem;
       margin-bottom: .1rem;
      .title{ 
              padding-bottom:0;
              margin-bottom:0;
              text-align:center;
              background:#fff;
              height:.4rem;
              width:100%
              line-height:.4rem;
              .title-logo{
                     height:100%;
                     margin-right:.375rem;
                     width: .826rem;
                     img{
                            width:.15rem;
                            height:.15rem;
                     }
              }
              span{
                     font-size:.14rem;
                     color:#333;
              }
      } 
      .OnSaleContent{
            
             height:1.88rem;
            
             width:100%;
             img{
                    width:100%;
             }
      }

 `
 //今日热卖
 export const LuxuryTodayHot = styled.section`
 background:#fff;
 margin-bottom: .1rem;
 .title{ 
       padding-bottom:0;
       margin-bottom:0;
       text-align:center;
       background:#fff;
       height:.4rem;
       width:100%
       line-height:.4rem;
       .title-logo{
              height:100%;
              margin-right:.375rem;
              width: .826rem;
              img{
                     width:.15rem;
                     height:.15rem;
              }
       }
       span{
              font-size:.14rem;
              color:#333;
       }
} 
       .TodayHotContent{
              height:3.76rem;
              width:100%;
              display:flex;
              flex-direction:column;

              .TodayHotTop{
                     height:1.88rem;
                     img{
                            height:100%;
                            width:100%;
                     }
              }
              .TodayHotBot{
                     flex:1;
                     flex-direction:row;
                     img{
                           width:1.875rem;
                           
                     }
              }
       }
 `
 //活动推荐
 export const LuxuryActiveRecommend = styled.section`
 background:#fff;
 margin-bottom: .1rem;
 .title{ 
       padding-bottom:0;
       margin-bottom:0;
       text-align:center;
       background:#fff;
       height:.4rem;
       width:100%
       line-height:.4rem;
       .title-logo{
              height:100%;
              margin-right:.375rem;
              width: .826rem;
              img{
                     width:.15rem;
                     height:.15rem;
              }
       }
       span{
              font-size:.14rem;
              color:#333;
       }
} 
.ActiveRecommendContent{
       height:1.88rem;
       width:100%;
       img{
              width:100%;
       }
}
 `
 //精选活动
export const LuxurySelectionActive = styled.section`
background:#fff;
margin-bottom: .1rem;

.title{ 
      padding-bottom:0;
      margin-bottom:0;
      text-align:center;
      background:#fff;
      height:.4rem;
      width:100%
      line-height:.4rem;
      .title-logo{
             height:100%;
             margin-right:.375rem;
             width: .826rem;
             img{
                    width:.15rem;
                    height:.15rem;
             }
      }
      span{
             font-size:.14rem;
             color:#333;
      }
} `

export const LuxuryListUl = styled.ul
`
       width:100%;
       height:100%;
       display:flex;
       flex-direction:column;
      
       li{
              width:100%;
              a{    
                     position: relative; 
                     height:100%;
                     width:100%;
                     display:flex;
                     flex-direction:column;

                     .list-img{
                            height:1.875rem;
                            width:100%;
                            img{
                                   height:100%;
                            }
                     }
                     .list-bot{
                            flex:1;
                            display:flex;
                            justfy-content:space-between;
                            .list-bot-left{
                                   display:flex;
                                   flex-direction:column;
                                   align-items:flex-start;
                                  height:.51rem;
                                   width:2rem;
                                   padding:.12rem .15rem 0rem .15rem;
                                   
                                   .info{
                                          color:#333;
                                          font-size:.14rem;
                                          margin-bottom:.06rem;
                                   }
                                   .time{
                                          color:#999;
                                          font-size:.12rem;

                                   }

                            }
                            .list-bot-right{
                                  
                                  height:.4rem;
                                  align-self:flex-end;
                                  padding-top: .11rem;
                                  padding-right: .16rem;
                                  padding-bottom:.1rem;
                                  margin-left:1rem;
                                  img{
                                         width:.73rem;
                                         height:.365rem;
                                  }
                                  
                            }

                     }
              
              }
              
       }

`
// //左下方标志
export const LuxuryListFlag = styled.div`
       background-color: #000;
       
       height:.18rem;
       position: absolute;
       top:1.5rem;
       padding:0rem .05rem;
       span{
              color:#fff;
              font-size:.12rem;
       }
`